/*对图片的浏览进行封装，在进行图片展示的时候，只需要引入相应的js和css文件即可
 *
 */
PicViewer = function (config){
	this.showToolBar = config.showToolBar == null ? true : config.showToolBar;
	this.showNumBar = config.showNumBar == null? true : config.showNumBar;
	this.showMask = config.showMask == null?true : config.showMask;
	this.showDescr = config.showDescr;
	this.pause = config.pause == null ? true:config.pause;
	this.autoPlay = config.autoPlay == null? true:config.autoPlay;
	this.init();
}
var t = n = count = 0;
PicViewer.prototype = {
		init : function(){
		var picViewer = this;
		//得到总的图片个数
		count = $("#pic_list a").size();
		//根据图片数量生成li
		var str = "";
		for(var i=0;i<count-1;i++){
			str += '<li>'+i+'</li>';
		}
		//将生成的
		$("pic_num ul").html(str);
		//将除了第一个之外的图片全部隐藏
	    $("#pic_list a:not(:first-child)").hide();
	    $("#pic_title").html($("#pic_list a:first-child").find("span").text());   
	    $("#pic_num li:first-child").css({"background":"#fff",'color':'#000'});  
		$("#pic_num li").click(function() {   
	        var i = $(this).text() - 1;   
	        n = i;   
	        if (i >= count) return;   
	        $("#pic_title").html($("#pic_list a").eq(i).find("span").text());   
	         $(this).css({'background-color':'#fff','color':'#000'}).siblings().css({'background-color':'#000','color':'#fff'});
	        $("#pic_list a").fadeOut(500).parent().children().eq(i).fadeIn(500);   
	    });
	    if(picViewer.showToolBar){
	    picViewer.toolBar();
	    }
	    if(picViewer.showNumBar){
	    $("#pic_num").css({'display':'block'});
	    }
	    if(picViewer.pause){
	   	 picViewer.canPause();
	    }
	    if(picViewer.autoPlay){
	     picViewer.auto();
	    }
		},
		toolBar : function (){
		 //得到显示区域的宽和高
	    var height = $("#pic_view").height();
	    var width = $("#pic_view").width();
	    //得到按钮的款和高
	    var b_height = $("#pic_view .prev").height();
	    var top = height/2-b_height/2;
	    $("#pic_view .prev").css({'top':top});
	    $("#pic_view .next").css({'top':top});
	    //添加相应的点击事件
	    $("#pic_view .toolbar a").click(function(){
	     	var option = $(this).attr("class");
	     	if(option=='prev'){
	     	n = n<=0 ? (count-1) : n-1;
	     	 $("#pic_num li").eq(n).trigger('click');   
	     	}
	     	if(option=='next'){
	     	n = n>= (count-1) ? 0 : n+1;
	     	 $("#pic_num li").eq(n).trigger('click');   
	     	}
	    });
		},
		canPause : function(){
			//处理暂停和重新开始
	   		$("#pic_list").hover(function(){clearInterval(t)}, function(){t = setInterval( function(){
			 n = n >= (count - 1) ? 0 : n + 1;   
		   	 $("#pic_num li").eq(n).trigger('click');   
			}, 3000);});  
		},
		auto : function(){
			//处理循环事件
			 t = setInterval( function(){
			 n = n >= (count - 1) ? 0 : n + 1;   
		   	 $("#pic_num li").eq(n).trigger('click');   
			}, 3000);   
		}
}